<template>
    <div style='width:100%;height:100%;background:black;display: flex;justify-content: center;align-items: center'>
        <div style='width:980px;height: 480px'>
            <video  style='width:980px;height: 480px' controls width='100%' autoplay id="playVideo">
                <source class="source" :src="dataUrl" type="video/mp4">
            </video>
        </div>
    </div>
</template>

<script>
  export default {
    name: "mp4Play",
    data(){
      return{
        dataUrl:"",
      }
    },
    created() {
      this.dataUrl = this.$route.query.url;
    },
  }
</script>

<style scoped>

</style>